import React from 'react';
import useAmis from '@/uses/useAmis';
import { createResourceCrudTable } from '@/utils/amisUtils';

export default () => {
  const json = createResourceCrudTable({
    resourceName: 'companies',
    itemColumns: [
      {
        'name': 'name',
        'label': '企业名称',
        'sortable': true,
        'searchable': {
          'type': 'input-text',
          'placeholder': '请输入',
          'mode': 'horizontal',
        },
      },
      {
        'name': 'contactPerson',
        'label': '联系人',
        'searchable': {
          'type': 'input-text',
          'placeholder': '请输入',
          'mode': 'horizontal',
        },
      },
      {
        'name': 'phone',
        'label': '电话',
      },
    ],
    detailColumns: [
      {
        'type': 'input-text',
        'name': 'name',
        'label': '企业名称',
      },
      {
        'type': 'input-text',
        'name': 'contactPerson',
        'label': '联系人',
      },
      {
        'type': 'input-text',
        'name': 'phone',
        'label': '电话',
      },
      {
        'type': 'input-text',
        'name': 'address',
        'label': '地址',
      },
      {
        'type': 'input-text',
        'name': 'fax',
        'label': '传真',
      },{
        'type': 'input-text',
        'name': 'adutyNo',
        'label': '税号',
      },
      {
        'type': 'input-text',
        'name': 'bankName',
        'label': '开户行',
      },
      {
        'type': 'input-text',
        'name': 'bankAccount',
        'label': '银行帐号',
      },
      {
        'type': 'input-text',
        'name': 'tags',
        'label': '标签',
      },
      {
        'type': 'input-text',
        'name': 'remark',
        'label': '备注',
      },],
  });

  const AmisComponent = useAmis({
    'type': 'page',
    'body': [
      json,
    ],
  });

  return (
    <div>
      <AmisComponent />
    </div>
  );
}